<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <title>热网平面图</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="wrap">
        <div class="header cf">
            <div class="rl"></div>
            <div class="rr">
                <div class="checkbox" id="mapToggleCheckebox">
                    <span class="box"></span>
                    <span class="text">隐藏地图</span>
                </div>
                <div class="counter">
                    <img class="adder" src="img/adder.png">
                    <img class="cutter" src="img/cutter.png">
                </div>
            </div>
        </div>
        <div class="main cf">
            <div class="map">
                <img class="hotmap" src="img/map.jpg" alt="" id="bgMap">
                <img class="hotnet" src="img/hotnet.png">
                <a href="javascript:;" class="hotarea" title="9号热力站" id="hotarea"></a>
                <div class="mapOfPoper" id="mapOfPoper">
                    <a href="javascript:;" class="close"><img src="img/close.png" alt=""></a>
                    <div class="tab">
                        <span class="current">供热参数</span>
                        <span>设备配置</span>
                    </div>
                    <div class="popwrap"><img src="img/table.jpg" width="100%" alt=""></div>
                </div>
            </div>
            <div class="ctrl">
                <div class="menus">
                    <div class="menu">
                        <div class="title">一公司</div>
                        <ul>
                            <li>供热区域图</li>
                            <li id="mapPoperShowEle">供热参数</li>
                            <li>人员配置</li>
                        </ul>
                    </div>

                    <div class="menu">
                        <div class="title">二公司</div>
                    </div>
                    <div class="menu">
                        <div class="title">三公司</div>
                    </div>
                    <div class="menu">
                        <div class="title">四公司</div>
                    </div>
                    <div class="menu">
                        <div class="title">五公司</div>
                    </div>
                    <div class="menu">
                        <div class="title">六公司</div>
                    </div>
                    <div class="menu">
                        <div class="title">数据统计中心</div>
                    </div>
                </div>
                <div class="tl">
                    <img src="img/tuli.jpg" alt="">
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="script.js"></script>
</body>
</html>